<template>
  <div class="registered">
    <!-- logo -->
    <div class="logo_img">
      <u--image
        :showLoading="true"
        :src="src"
        width="70px"
        height="70px"
        shape="circle"
      ></u--image>
    </div>
    <!-- 文本 -->
    <div class="title_text">
      <u--text
        text="都安高中校友会"
        class="title1"
        size="24"
        align="center"
        margin="0px 0px 10px 0px"
      ></u--text>
      <u--text
        text="申请获得您的微信所绑定的手机号"
        class="title2"
        size="18"
        align="center"
      ></u--text>
    </div>
    <!-- 授权按钮 -->
    <view class="impower_btn">
      <button
        class="btn"
        @click="getUserPhone"
        type="primary"
        style="background: #1990ff; font-size: 18px; border-radius: 10px"
      >
        授权
      </button>
    </view>
  </div>
</template>
<script>
export default {
  data() {
    return {
      src: require("@/static/index/logo.png"),
    };
  },
  methods: {
    getUserPhone() {
      uni.reLaunch({
        url: `/pages/login/realName`,
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.registered {
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  .logo_img {
    margin: 40px 0px;
    margin-top: 70px;
  }
  .impower_btn {
    width: 100%;
    margin-top: 120px;
  }
}
</style>